<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>28题买水果</title>
    <style>
        div {
            width: 100%;
            
        }
        span {
            display: block;
            width: 100%;
        }
    </style>
    <script>
        function getPerfectNumber() {
            let apple = 0;      //苹果数量
            let pear = 0;       //梨的数量
            let peach = 0;      //桃子的数量
            let p = document.getElementById('sum');
            p.innerHTML = '所有可能数：<br>';
            
            /*思路：假设100个水果全部是梨，也就是0个苹果和0个桃子，则正好满足需求
            * 如果只增加1个苹果，却不增加桃子数量，则会出现钱有剩余的情况
            * 而且一个苹果+一个桃子的价格，正好等于2个梨的价格
            * 从而可以得出，2个梨 = 1苹果 + 1桃子
            * 那么，每增加一个苹果的同时，要增加一个桃子，减少2个梨
            * 且，最多50个苹果、50个桃子、0个梨
            * 那么一层循环即可解决问题
            */
           for (apple; apple <= 50; apple++) {
               pear = 100 - 2 * apple;
               peach = apple;
               p.innerHTML += `苹果${apple}个，梨${pear}个，桃子${peach}个<br>`;
           }
        }
    </script>
</head>
<body>
    <div>
        <p>
            苹果3元一个，鸭梨2元一个，桃子1元一个。现在想用200元正好买100个水果，点击查看所有可能性<input type="button" value="查看" onclick="getPerfectNumber()">
        </p>
        <span id="sum">所有可能性：</span>
    </div>
</body>
</html>